$back:#ff9344;

@function size($px) {
    @return 100 * $px/750 + vw;
}


@mixin web($w,$h) {
    width: size($w);
    height: size($h);
    margin: 0 auto;
}

header{
    @include web(750,130);
    position: fixed;
    top: 0;
    z-index: 99999999999;     
    background-color: white;
    .title-product{
        @include web(750,130);
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: size(10);
        input{
            width: size(123);
            height: size(57);
            border-radius: size(20);
            background-color: white;
            border: size(2) solid $back;
        }
        .drop-select select{
            @include web(159,56);
            font-size: size(26);
            border: size(2) solid $back;
            text-indent: 1em;  //文本间距
            border-radius: size(10);
            appearance: none;   //清楚下拉框的倒三角形
            background-image: url(../img/城市切换下拉.png);
            background-repeat: no-repeat;   //背景图片不重复
            background-position: size(113) size(18);    //背景图片定位
            background-size: size(32) size(16);     //背景图片大小
        }
    }
}

footer{
    @include web(750,128);
    position: fixed;   //固定定位
    bottom: 0;
    background-color: white;
    .homefooter{
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        img{
            width: size(69);
            height: size(66);
            margin-top: size(10);
        }
        a{
            text-decoration: none;
            color: black;
        }
    }
}